<template> 
	<view class="container">
		<image class="bg" src="https://yi.qj361.com/20210813165906_bg.png" mode="widthFix"></image>
		<view class="content">
			<view class="title">
				<text class="icon-lingxing iconfont"></text>
				<text class="word">兑换规则</text>
				<text class="icon-lingxing iconfont"></text>
			</view>
			<view class="c">
				1、勾选【兑换码】后填写（卡密），如有一张以上卡密请点击【添加】依次正确填写卡密，
				点击【兑换积分】---【确认收货】后，积分自动充值到对应账户中。
			</view>
			<view class="c">
						2、查看积分：进入骑境驿站后，
						在底部菜单栏选择【我的】，点击【我的积分】查看。
			</view>
			<view class="c">
					3、积分使用：在【积分商城】里选择想购买的商品，
					点击【立即兑换】跳转到【提交订单】页面，勾选【积分抵扣】点击【立即结算】。
					如遇积分余额不足，兑换商品时优先扣除积分，不足部分现金补差价。
			</view>
			<view class="bottombtn">
				<view class="btn" @click="goback">
					我知道了
				</view>
			</view>
		</view>

	</view>
</template>

<script> 
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			goback(){
			this.$yrouter.back()
				
			}
		}
	}
</script>

<style scoped lang="less">
	.c{
		line-height: 40upx;
		font-size: 27upx;
		overflow: auto;
	}
	.word{ 
		margin: 0 20upx;
	}
	.container{
		background: #ff4448;
	}
	.bg{
		width: 750upx;
		
	}
	.content{
		padding: 20upx;
		width: 690upx;
		margin: 30upx auto;
		height: 600upx;
		background: white;
		border-radius: 20upx;
		
	}
	.title{
		font-size: 40upx;
		font-weight: 500;
		text-align: center;
	}
	.bottombtn{
		position: absolute;
		bottom: 150upx;
		left: 225upx;
		.btn{
			font-size: 40upx;
			font-weight: 500;
			text-align: center;
			width: 300upx;
			height: 60upx;
			background:#ffe262;
			border-radius: 20upx;
		}
		
	
	}
</style>
